//import 导入 意为 '导入 模块儿 从 react 模块儿导入'
import React,{ Component } from 'react';
import {
    AppRegistry, // 注册APP入口
    StyleSheet, //样式表组件
    Image, //添加Image组件
    TextInput,
    TouchableHighlight, //触摸高亮效果
    TouchableOpacity, //触摸透明效果
    NavigatorIOS, //引入导航栏
    Text, //文字组件,它里面只能放文字 类似于 span 标签
    View //结构组件,它类似于 div 标签
} from 'react-native';

//创建一个 Main 组件
class Main extends Component{
    render(){
        return(<View style={styles.wp}>
        <Text style={styles.txt} onPress={this.goTo.bind(this)}>华夏五千年</Text>
        <Text style={styles.txt} onPress={this.goTo.bind(this)}>大头儿子和小头爸爸吧</Text>
        <Text style={styles.txt} onPress={this.goTo.bind(this)}>择天记</Text>
        <Text style={styles.txt} onPress={this.goTo.bind(this)}>龙珠传奇</Text>
        </View>);
    }

    goTo(){
        this.props.navigator.push({
            component:Detail,
            title:'咨讯详情'
        });
    }
}
//创建一个Detail组件
class Detail extends Component{
    render(){
        return(<View style={styles.wp}>
                 <Text>详请页面</Text>
            </View>);
    }
}

//创建一个 MyApp 组件
class MyApp extends Component{
    render(){
        return(
            <NavigatorIOS
        barTintColor='#ccc'
        style={{flex:1,marginTop:40}}
        initialRoute={{
            component:Main,
                title:'咨讯',
                leftButtonTitle:'返回',
                rightButtonIcon:require('./img/xia.jpg')
        }}
    />
    );
    }


}





//设置样式
const styles = StyleSheet.create({
    wp:{
        marginTop:60
    },
    txt:{
        fontSize:20,
        color:'#f00'
    }
});


//注册app,其中 'myapp'是指工程名,'MyApp'是创建的组件名
AppRegistry.registerComponent('myapp', () => MyApp);